<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		<!-- 
			标签名称 * n 创建n个该元素 eg: a*5, div*5
		 -->
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		
		<!-- 
			> 子代元素 eg: div>a*5
		 -->
		<div>
			<a href=""></a>
			<a href=""></a>
			<a href=""></a>
			<a href=""></a>
			<a href=""></a>
		</div>
		
		<!-- 
			div+a*2
		 -->
		<div></div>
		<a href=""></a>
		<a href=""></a>
		
		<!-- 
			(div+a)*4
		 -->
		<div></div>
		<a href=""></a>
		<div></div>
		<a href=""></a>
		<div></div>
		<a href=""></a>
		<div></div>
		<a href=""></a>
		
		<!-- 
			(div>a*2)*4
		 -->
		<div><a href=""></a><a href=""></a></div>
		<div><a href=""></a><a href=""></a></div>
		<div><a href=""></a><a href=""></a></div>
		<div><a href=""></a><a href=""></a></div>

		<!-- 
			div{我是div}*5
		 -->
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		<div>我是div</div>
		
		<!-- 
			div{我是第$个div}*5
		 -->
		<div>我是第1个div</div>
		<div>我是第2个div</div>
		<div>我是第3个div</div>
		<div>我是第4个div</div>
		<div>我是第5个div</div>

		<!-- img[src=img/girl1.jpg] -->
		<!-- img[src=img/girl$.jpg]*10 -->
		<img src="img/girl1.jpg" alt="" width="200px">
		<img src="img/girl2.jpg" alt="" width="200px">
		<img src="img/girl3.jpg" alt="" width="200px">
		<img src="img/girl4.jpg" alt="" width="200px">
		<img src="img/girl5.jpg" alt="" width="200px">
		<img src="img/girl6.jpg" alt="" width="200px">
		<img src="img/girl7.jpg" alt="" width="200px">
		<img src="img/girl8.jpg" alt="" width="200px">
		<img src="img/girl9.jpg" alt="" width="200px">
		<img src="img/girl10.jpg" alt="" width="200px">

		<!-- 
			^ 跳到上级
			eg: div>a^p*2 
		-->
		<div><a href=""></a></div>
		<p></p>
		<p></p>
	</body>
</html>


